<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

	 
	<ui:composition template="/templates/template.xhtml">
			<ui:define name="pageTitle">Clientes</ui:define>
			<ui:define name="pageHeader">Cadastro de Clientes</ui:define>
			<ui:define name="body">
				<h:form id="edicao">
				<h:messages />
					<h:panelGrid columns="2">
						<h:outputLabel value="Razao Social:" />
						<h:inputText value="#{clienteBean.clienteSelecionado.razaoSocial}" style="width:300px" />
						<h:outputLabel value="Nome Fantasia:" />
						<h:inputText value="#{clienteBean.clienteSelecionado.nomeFantasia}" style="width:300px" />
						<h:outputLabel value="Cnpj:" />
						<h:inputText value="#{clienteBean.clienteSelecionado.cpfCnpj}" style="width:300px">
							<f:validator validatorId="cpfCnpj"/>
						</h:inputText>
						<h:outputLabel value="Contato:" />
						<h:inputText value="#{clienteBean.clienteSelecionado.nomeContato}" style="width:300px" />
						<h:outputLabel value="Telefone direto:" />
						<h:inputText value="#{clienteBean.clienteSelecionado.tel1}" style="width:300px" />
						<h:outputLabel value="Telefone PABX:" />
						<h:inputText value="#{clienteBean.clienteSelecionado.tel2}" style="width:300px" />
						<h:outputLabel value="Celular:" />
						<h:inputText value="#{clienteBean.clienteSelecionado.cel}" style="width:300px" />
						<h:outputLabel value="Email contato:" />
						<h:inputText value="#{clienteBean.clienteSelecionado.email}" style="width:300px" />
						<h:outputLabel value="Email Nfe:" />
						<h:inputText value="#{clienteBean.clienteSelecionado.emailNfe}" style="width:300px" />
						<h:outputLabel value="Plano:" />
						<h:selectOneMenu value="#{clienteBean.clienteSelecionado.planos}" id="listaPlanos"
							converter="selectOneUsingObjectConverter" items="#{planoBean.lista}" style="width:300px">
							<f:selectItem itemLabel="Selecione o plano"/>
							<f:selectItems value="#{planoBean.lista}" var="plano" itemValue="#{plano}" itemLabel="#{plano.descricao}"/>
							<!-- <f:ajax render="listaPlanos" execute="@this" /> -->							
						</h:selectOneMenu>
							
					</h:panelGrid>
					
					<h:commandButton action="#{clienteBean.salvar}" value="Salvar" />
					
					
				</h:form>
				<h:form id="lista">
					<h:dataTable value="#{clienteBean.lista}" var="cliente" border="1">
						<f:facet name="header">Listagem de Clientes</f:facet>
						<h:column>
							<f:facet name="header">Razao Social</f:facet>
							#{cliente.razaoSocial}
						</h:column>
						<h:column>
							<f:facet name="header">Nome Fantasia</f:facet>
							#{cliente.nomeFantasia}
						</h:column>
						<h:column>
							<f:facet name="header">Cnpj</f:facet>
							#{cliente.cpfCnpj}
						</h:column>
						<h:column>
							<f:facet name="header">Contato</f:facet>
							#{cliente.nomeContato}
						</h:column>
						<h:column>
							<f:facet name="header">Telefone Direto</f:facet>
							#{cliente.tel1}
						</h:column>
						<h:column>
							<f:facet name="header">Telefone PABX</f:facet>
							#{cliente.tel2}
						</h:column>
						<h:column>
							<f:facet name="header">Celular</f:facet>
							#{cliente.cel}
						</h:column>
						<h:column>
							<f:facet name="header">Email Contato</f:facet>
							#{cliente.email}
						</h:column>
						<h:column>
							<f:facet name="header">Email Nfe</f:facet>
							#{cliente.emailNfe}
						</h:column>
						<h:column>
							<f:facet name="header">Plano</f:facet>
							#{cliente.planos.descricao}
						</h:column>
						<h:column>
							<f:facet name="header">Data do Cadastro</f:facet>
							<h:outputText value="#{cliente.dataCadastro}">
								<f:convertDateTime dateStyle="medium"/>
							</h:outputText>
						</h:column>
						
					
					</h:dataTable>
				
				
				</h:form>
			</ui:define>
	</ui:composition>

</html>